

// 封装弹性盒子
.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.j-c {
    justify-content: center;
}

.j-s-a {
    justify-content: space-around;
}

.j-s-b {
    justify-content: space-between;
}

.j-s-e {
    justify-content: space-evenly;
}

.a-c {
    align-items: center;
}

.flex-1 {
    flex: 1;
    overflow: auto;
}

$primaryColor:#008de1 !default;
$secondColor:#ff4500 !default;

// 颜色一般用于背景色bg或者前景色text
$colorMap:(primary:$primaryColor, second:$secondColor);

@each $key,
$value in $colorMap {
    .bg-#{$key} {
        background-color: $value;
    }

    .text-#{$key} {
        color: $value;
    }
}

@mixin md-box{
    @media only screen and(min-width: 769px){
        @content;
    }
}